// =====弹性布局 开始=====
.flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex-1 {
	flex: 1;
}

.align-center {
	align-items: center;
}

.align-flex-end {
	align-items: flex-end;
}

.align-baseline {
	align-items: baseline;
}

.justify-space-between {
	justify-content: space-between;
}

.justify-flex-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}
// =====弹性布局 结束=====

// =====间距 开始=====
.column-gap-12rpx {
	column-gap: 12rpx;
}

.column-gap-24rpx {
	column-gap: 24rpx;
}

.column-gap-28rpx {
	column-gap: 28rpx;
}

.column-gap-32rpx {
	column-gap: 32rpx;
}

.row-gap-4rpx {
	row-gap: 4rpx;
}

.row-gap-8rpx {
	row-gap: 8rpx;
}

.row-gap-12rpx {
	row-gap: 12rpx;
}

.row-gap-24rpx {
	row-gap: 24rpx;
}

.mb-4rpx {
	margin-bottom: 4rpx;
}

.mb-8rpx {
	margin-bottom: 8rpx;
}

.mb-12rpx {
	margin-bottom: 12rpx;
}

.mb-24rpx {
	margin-bottom: 24rpx;
}

.mb-36rpx {
	margin-bottom: 36rpx;
}

.mt-8rpx {
	margin-top: 8rpx;
}

.mt-12rpx {
	margin-top: 12rpx;
}

.mt-24rpx {
	margin-top: 24rpx;
}

.mt-36rpx {
	margin-top: 36rpx;
}

.m-lr-24rpx {
	margin-left: 24rpx;
	margin-right: 24rpx;
}

.m-tb-24rpx {
	margin-top: 24rpx;
	margin-bottom: 24rpx;
}

.m-tb-36rpx {
	margin-top: 36rpx;
	margin-bottom: 36rpx;
}

.pt-6rpx {
	padding-top: 6rpx;
}

.pt-8rpx {
	padding-top: 6rpx;
}

.pt-12rpx {
	padding-top: 12rpx;
}

.pt-24rpx {
	padding-top: 24rpx;
}

.pt-30rpx {
	padding-top: 30rpx;
}

.pt-36rpx {
	padding-top: 36rpx;
}

.pt-48rpx {
	padding-top: 48rpx;
}

.pb-24rpx {
	padding-bottom: 24rpx;
}

.pb-36rpx {
	padding-bottom: 36rpx;
}

.pb-40rpx {
	padding-bottom: 40rpx;
}

.pb-48rpx {
	padding-bottom: 48rpx;
}

.pb-64rpx {
	padding-bottom: 64rpx;
}

.pb-128rpx {
	padding-bottom: 128rpx;
}

.pb-164rpx {
	padding-bottom: 164rpx;
}

.pb-172rpx {
	padding-bottom: 172rpx;
}

.pb-188rpx {
	padding-bottom: 188rpx;
}

.pr-8rpx {
	padding-right: 8rpx;
}

.pr-24rpx {
	padding-right: 24rpx;
}

.pr-26rpx {
	padding-right: 26rpx;
}

.pr-28rpx {
	padding-right: 28rpx;
}

.pr-40rpx {
	padding-right: 40rpx;
}

.pr-50rpx {
	padding-right: 50rpx;
}

.pr-64rpx {
	padding-right: 64rpx;
}

.pr-80rpx {
	padding-right: 80rpx;
}

.pr-86rpx {
	padding-right: 86rpx;
}

.pl-8rpx {
	padding-left: 8rpx;
}

.pl-48rpx {
	padding-left: 48rpx;
}

.p-lr-8rpx {
	padding-left: 8rpx;
	padding-right: 8rpx;
}

.p-lr-12rpx {
	padding-left: 12rpx;
	padding-right: 12rpx;
}

.p-lr-24rpx {
	padding-left: 24rpx;
	padding-right: 24rpx;
}

.p-lr-36rpx {
	padding-left: 36rpx;
	padding-right: 36rpx;
}

.p-lr-48rpx {
	padding-left: 48rpx;
	padding-right: 48rpx;
}

.p-tb-4rpx {
	padding-top: 4rpx;
	padding-bottom: 4rpx;
}

.p-tb-6rpx {
	padding-top: 6rpx;
	padding-bottom: 6rpx;
}

.p-tb-8rpx {
	padding-top: 8rpx;
	padding-bottom: 8rpx;
}

.p-tb-12rpx {
	padding-top: 12rpx;
	padding-bottom: 12rpx;
}

.p-tb-24rpx {
	padding-top: 24rpx;
	padding-bottom: 24rpx;
}

.p-tb-36rpx {
	padding-top: 36rpx;
	padding-bottom: 36rpx;
}

.p-tb-48rpx {
	padding-top: 48rpx;
	padding-bottom: 48rpx;
}

.padding-8rpx {
	padding: 12rpx;
}

.padding-12rpx {
	padding: 12rpx;
}

.padding-20rpx {
	padding: 20rpx;
}

.padding-24rpx {
	padding: 24rpx;
}
// =====间距 结束=====

// =====颜色 开始=====
.bg-white {
	background-color: #fff;
}

.bg-primary-color {
	background-color: #007cff;
}

.bg-color-fafafa {
	background-color: #fafafa;
}

.bg-color-f4f4f5 {
	background-color: #f4f4f5;
}

.bg-color-f5f5f5 {
	background-color: #f5f5f5;
}
// =====颜色 结束=====

// =====字体 开始=====
.font-20rpx {
	font-size: 20rpx;
}

.font-22rpx {
	font-size: 22rpx;
}

.font-24rpx {
	font-size: 24rpx;
}

.font-28rpx {
	font-size: 28rpx;
}

.font-30rpx {
	font-size: 30rpx;
}

.font-32rpx {
	font-size: 32rpx;
}

.font-36rpx {
	font-size: 36rpx;
}

.font-40rpx {
	font-size: 40rpx;
}

.font-48rpx {
	font-size: 48rpx;
}

.font-bold {
	font-weight: bold;
}

.white-nowrap {
	white-space: nowrap;
}

.font-color-999 {
	color: #999;
}

.font-color-777 {
	color: #777;
}

.font-color-666 {
	color: #666;
}

.font-color-danger {
	color: #f56c6c;
}

.font-color-333 {
	color: #333;
}

.font-color-white {
	color: #fff;
}

.font-color-primary {
	color: #007cff;
}

.font-color-0075c2 {
	color: #0075c2;
}
// =====字体 结束=====

// =====宽高 开始=====
.width-100 {
	width: 100%;
}

.width-100vw {
	width: 100vw;
}

.width-48rpx {
	width: 48rpx;
}

.width-120rpx {
	width: 120rpx;
}

.width-140rpx {
	width: 140rpx;
}

.width-160rpx {
	width: 160rpx;
}

.width-180rpx {
	width: 180rpx;
}

.width-280rpx {
	width: 280rpx;
}

.width-200rpx {
	width: 200rpx;
}

.width-240rpx {
	width: 240rpx;
}

.width-600rpx {
	width: 600rpx;
}

.height-0 {
	height: 0;
}

.height-100 {
	height: 100%;
}

.height-100vh {
	height: 100vh;
}

.height-48rpx {
	height: 48rpx;
}

.height-64rpx {
	height: 64rpx;
}

.height-80rpx {
	height: 80rpx;
}

.height-120rpx {
	height: 120rpx;
}

.height-160rpx {
	height: 160rpx;
}

.height-200rpx {
	height: 200rpx;
}

.height-900rpx {
	height: 900rpx;
}

.height-1000rpx {
	height: 1000rpx;
}

.height-1100rpx {
	height: 1100rpx;
}

.height-1200rpx {
	height: 1200rpx;
}

.width-height-24rpx {
	width: 24rpx;
	height: 24rpx;
}

.width-height-28rpx {
	width: 28rpx;
	height: 28rpx;
}

.width-height-32rpx {
	width: 32rpx;
	height: 32rpx;
}

.width-height-36rpx {
	width: 36rpx;
	height: 36rpx;
}

.width-height-48rpx {
	width: 48rpx;
	height: 48rpx;
}

.width-height-64rpx {
	width: 64rpx;
	height: 64rpx;
}

.width-height-72rpx {
	width: 72rpx;
	height: 72rpx;
}

.width-height-128rpx {
	width: 128rpx;
	height: 128rpx;
}
// =====宽高 结束=====

// =====边框 开始=====
.border-width-2rpx {
	border-width: 2rpx;
}

.border-style-solid {
	border-style: solid;
}

.border-color-240 {
	border-color: rgb(240, 240, 240);
}

.border-right-color-240 {
	border-right-color: rgb(240, 240, 240);
}

.border-right-color-eee {
	border-right-color: #eee;
}

.border-left-color-240 {
	border-left-color: rgb(240, 240, 240);
}

.border-top-color-240 {
	border-top-color: rgb(240, 240, 240);
}

.border-top-color-eee {
	border-top-color: #eee;
}

.border-bottom-color-240 {
	border-bottom-color: rgb(240, 240, 240);
}

.border-right-width-2rpx {
	border-right-width: 2rpx;
}

.border-left-width-2rpx {
	border-left-width: 2rpx;
}

.border-top-width-2rpx {
	border-top-width: 2rpx;
}

.border-bottom-width-2rpx {
	border-bottom-width: 2rpx;
}

.border-top-style-solid {
	border-top-style: solid;
}

.border-bottom-style-solid {
	border-bottom-style: solid;
}

.border-bottom-style-dotted {
	border-bottom-style: dotted;
}

.border-left-style-solid {
	border-left-style: solid;
}

.border-right-style-solid {
	border-right-style: solid;
}

.border-radius-4rpx {
	border-radius: 4rpx;
}

.border-radius-8rpx {
	border-radius: 8rpx;
}

.border-radius-24rpx {
	border-radius: 24rpx;
}

.border-radius-36rpx {
	border-radius: 36rpx;
}

.border-radius-48rpx {
	border-radius: 48rpx;
}

.border-radius-72rpx {
	border-radius: 72rpx;
}

.border-top-solid-eee-2rpx {
	border-top-width: 2rpx;
	border-top-color: #eee;
	border-top-style: solid;
}

.border-right-solid-eee-2rpx {
	border-right-width: 2rpx;
	border-right-color: #eee;
	border-right-style: solid;
}

.border-right-solid-e5e5e5-2rpx {
	border-right-width: 2rpx;
	border-right-color: #e5e5e5;
	border-right-style: solid;
}

.border-solid-eee-2rpx {
	border-width: 2rpx;
	border-style: solid;
	border-color: #eee;
}
// =====边框 结束=====

// =====盒子模型 开始=====
.box-border-box {
	box-sizing: border-box;
}

.box-content-box {
	box-sizing: content-box;
}
// =====盒子模型 结束=====

// =====定位 开始=====
.text-align-center {
	text-align: center;
}

.line-height-48rpx {
	line-height: 48rpx;
}

.line-height-64rpx {
	line-height: 64rpx;
}

.line-height-70 {
	line-height: 70rpx;
}

.line-height-52rpx {
	line-height: 52rpx;
}

.line-height-80rpx {
	line-height: 80rpx;
}

.position-fixed {
	position: fixed;
}

.bottom-0 {
	bottom: 0;
}

.left-0 {
	left: 0;
}

.right-0 {
	right: 0;
}
// =====定位 开始=====

// =====透明度 开始=====
.opacity-0 {
	opacity: 0;
}
// =====透明度 结束=====

// =====图标 开始=====
.arrow-up-icon {
	width: 0;
	height: 0;
	border-right: 10rpx solid transparent;
	border-left: 10rpx solid transparent;
	border-bottom: 12rpx solid #000;
	margin-left: 4rpx;
	margin-top: 4rpx;
}

.arrow-down-icon {
	width: 0;
	height: 0;
	border-right: 10rpx solid transparent;
	border-left: 10rpx solid transparent;
	border-top: 12rpx solid #000;
	margin-left: 4rpx;
	margin-top: 4rpx;
}
// =====图标 结束=====


// =====滚动 开始=====
.overflow-y-auto {
	overflow-y: auto;
}
// =====滚动 结束=====


// =====状态标签 开始=====
.status-primary-tag {
	background-color: #007cff;
	color: #fff;
	font-size: 22rpx;
	padding: 4rpx 8rpx 4rpx 8rpx;
	border-radius: 4rpx;
}

.status-warning-tag {
	background-color: #e69103;
	color: #fff;
	font-size: 22rpx;
	padding: 4rpx 8rpx 4rpx 8rpx;
	border-radius: 4rpx;
}

.status-danger-tag {
	background-color: #f56c6c;
	color: #fff;
	font-size: 22rpx;
	padding: 4rpx 8rpx 4rpx 8rpx;
	border-radius: 4rpx;
}

.status-success-tag {
	background-color: #00c0c0;
	color: #fff;
	font-size: 22rpx;
	padding: 4rpx 8rpx 4rpx 8rpx;
	border-radius: 4rpx;
}

.status-primary-pale-tag {
	background-color: #f2f9ff;
	color: #007cff;
	font-size: 22rpx;
	padding: 8rpx;
	border-radius: 4rpx;
}

.status-warning-pale-tag {
	color: #e6a23c;
	background-color: #fdf6ec;
	font-size: 22rpx;
	padding: 8rpx;
	border-radius: 4rpx;
}

.status-danger-pale-tag {
	background-color: #FEEBE2;
	color: #f56c6c;
	font-size: 22rpx;
	padding: 8rpx;
	border-radius: 4rpx;
}

.status-success-pale-tag {
	color: #00c0c0;
	background-color: #f2ffff;
	font-size: 22rpx;
	padding: 8rpx;
	border-radius: 4rpx;
}
// =====状态标签 结束=====


// =====元素层级 开始=====
.z-index-99 {
	z-index: 99;
}

.z-index-999 {
	z-index: 999;
}
// =====元素层级 结束=====


// =====阴影 开始=====
// .box-shadow {
// 	box-shadow: 0 0 0 rgba(0, 0, 8rpx, 0.1);
// }
// =====阴影 结束=====
